.Yep {
  &-upload {
    &-wrapper {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
  }
}

.upload-flex {
  &-item {
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
    &-img {
      background-size: 100% auto;
    }
    &-del {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 30px;
      height: 30px;
      border-radius: 15px;
      background: rgba(0,0,0,.3)
                  url('')
                  no-repeat
                  center center;
      background-size: 50% 50%;
    }
  }
}

.upload-add {
  @mixin center-line {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ccc;
  }
  &-picker {
    position: relative;
    overflow: hidden;
    border: solid 1PX #ddd;
    input[type="file"] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      z-index: 9;
    }
    &:before {
      width: 1PX;
      height: 50px;
      @include center-line;
    }
    &:after {
      height: 1PX;
      width: 50px;
      @include center-line;
    }
  }
}
